<template>
  <div class="logoBox" @click="$router.push({ name: 'home' })">
    <img class="logo" src="@/assets/images/logo.png" alt="" />
    <!--    <div class="content content1">-->
    <!--      <span>江西省港口集团</span>-->
    <!--      <span>JIANGXI  PORT  GROUP</span>-->
    <!--    </div>-->
    <!--    <div class="line"></div>-->
    <div class="content content2">
      <span>江西港口综合服务平台门户</span>
      <!--      <span>Integrated Service Platform</span>-->
    </div>
  </div>
</template>

<script>
export default {
  name: "logoBox",
};
</script>

<style scoped lang="scss">
.logoBox {
  display: flex;
  align-items: center;
  cursor: pointer;
  .logo {
    width: 45px;
  }
  .content {
    display: flex;
    flex-direction: column;
    color: #0f47b8;
    font-size: 18px;
    font-weight: bold;
    align-items: center;
    //justify-content: center;
  }
  .content1 {
    margin-left: 10px;
    span:last-child {
      font-size: 11px;
    }
  }
  .content2 {
    //margin-left: -40px;
    margin-left: 10px;
    //span:last-child{
    //  font-size: 16px;
    //  transform: scale(0.5,0.5);
    //  margin-top: -5px;
    //
    //}
  }
  .line {
    width: 1px;
    height: 24px;
    background: #abb5c9;
    margin-left: 8px;
    margin-right: -40px;
  }
}
</style>
